<!DOCTYPE html>
<html>
<head>
	<title>支付详情</title>
	<link rel="stylesheet" type="text/css" href="./dist/lib/weui.min.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./statics/style/payment.css">
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
</head>
<body>
	<div class="mainContent">
		<div class="weui-panel weui-panel_access paymentPanel">
		  <div class="weui-panel__hd panelTitle">订单信息</div>
		  <div class="weui-panel__bd">
		    <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg paymentPanelBd">
		      <div class="weui-media-box__hd courseImgBox">
		        <img class="weui-media-box__thumb" src="./statics/img/payment/course.png">
		      </div>
		      <div class="weui-media-box__bd paymentPanelBoxBd">
		        <p class="weui-media-box__title">小学一年级30天语文阅读计划</p>
		        <p class="weui-media-box__desc">第一期</p>
		        <p class="weui-media-box__desc">开课时间：2018年1月1日</p>
		      </div>
		    </a>
		  </div>
		</div>
		<div class="weui-panel weui-panel_access paymentPrice">
		  <div class="weui-panel__hd "><span>商品总价</span> <span class="originPrice">￥399</span></div>
		  <div class="weui-panel__bd">
			    <div class="weui-media-box__bd">
			       <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
				      <div class="weui-cell__bd">优惠券</div>
				      <span class="weui-cell__ft"></span>
				    </a>    
			    </div>
			    <div class="weui-media-box__bd">
			       <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
				      <div class="weui-cell__bd">实付款</div>
				      <span class="userPayPrice">￥199</span>
				    </a>    
			    </div>
		    </a>
		  </div>
		</div>
		<div class="weui-panel paymentPanel paymentMethod">
	        <div class="weui-panel__hd panelTitle">支付方式</div>
	        <div class="weui-panel__bd">
	          <div class="weui-media-box weui-media-box_small-appmsg">
	            <div class="weui-cells">
	              <a class="weui-cell weui-cell_access" href="javascript:;">
	                <div class="weui-cell__hd"><img src="./statics/img/payment/wechat.png"></div>
	                <div class="weui-cell__bd weui-cell_primary">
	                  <p>微信支付</p>
	                </div>
	                <img class="weui-cell__ft" src="./statics/img/payment/choose.png">
	              </a>
	              <a class="weui-cell weui-cell_access" href="javascript:;">
	                <div class="weui-cell__hd"><img src="./statics/img/payment/other.png"></div>
	                <div class="weui-cell__bd weui-cell_primary">
	                  <p>他人代付</p>
	                </div>
	                <img class="weui-cell__ft" src="./statics/img/payment/unchoose.png">
	              </a>
	            </div>
	          </div>
	        </div>
	    </div>
	    <button class="payBtn">去支付</button>
	</div>
</body>
</html>